<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Hello World</title>
  <script src="https://unpkg.com/vue"></script>
</head>

<body>
  <div id="root"></div>
  <script>
    // 1. 创建Vue应用根实例/根组件
    const app = Vue.createApp({
      template: '<div>Hello World-{{count}}</div>',
      data() {
        return {
          count: 1
        }
      }
    })
    // 2.vm代表vue应用的根组件实例
    const vm = app.mount('#root');
    /* 
      1. m model数据，开发者提供
      2. v view视图，开发者提供
      3. vm 视图数据连接层，由vue底层实现
    */
   /* 
      1.vm.$data.count 可获取/操作数据
   */
  </script>
</body>

</html>